import { Steps } from 'antd';
import { ShopOutlined, UserSwitchOutlined } from '@ant-design/icons';
import { ContacterAPI } from '../common/type';

export const UpdataSteps: React.FC<ContacterAPI.IUpdataSteps> = ({ stepCurrent }) => {
  const items = [
    {
      title: '供应商',
      icon: <ShopOutlined />,
    },
    {
      title: '联系人',
      icon: <UserSwitchOutlined />,
    },
  ];

  return (
    <>
      <div style={{ padding: '10px 1rem 0px' }}>
        <Steps current={stepCurrent} items={items} />
      </div>
    </>
  );
};
